<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>交易订单</title>
    <link rel="stylesheet" href="./../../assets/css/base.css">
    <link rel="stylesheet" href="./../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="./../../assets/css/trade-order.css">
</head>
<body>
    <div class="trade-container banxin">
        <div class="order-left">
            <p class="oleft-title">交易管理</p>
            <a href="#" style="display:block;"><p class="oleft-index">交易订单</p></a>
        </div>
        <div class="order-right">
            <div class="orderTab">
                <div class="oright-title">
                    <ul class="tabs">  
                        <li class="active"><span id="#tab1">全部</span></li>   
                        <li><span id="#tab2">待付款</span></li> 
                        <li><span id="#tab3">待发货</span></li>  
                        <li><span id="#tab4">待收货</span></li>  
                        <li><span id="#tab5">已完成</span></li>  
                        <li><span id="#tab6">已撤销</span></li>  
                    </ul>  
                </div>
                <div id="tab1" class="tab_content" style="display: block; ">  
                    <div class="oright-tab">
                        <div class="or-tabIndex">
                            <span>下单时间</span>
                            <input type="text" name="" value="" placeholder="点击选择开始时间"> - <input type="text">
                        </div>
                        <div class="or-tabIndex">
                            <span>订单号</span>
                            <input type="text" name="" value="" placeholder="输入订单号">
                        </div>
                        <div class="or-tabIndex">
                            <span>收货人姓名</span>
                            <input type="text" name="" value="" placeholder="输入收货人姓名">
                        </div>
                        <div class="or-tabIndex">
                            <span>收货人手机号</span>
                            <input type="text" name="" value="" placeholder="输入手机号">
                        </div>
                        <br>
                        <div class="or-tabIndex">
                            <span>自定义订单号</span>
                            <input type="text" name="" value="" placeholder="输入自定义订单号">
                        </div>
                        <button type="submit" class="search">搜索</button>
                        <a href="javascript:;" class="more"><i class="iconfont icon-caret-down"></i>下拉更多</a>
                    </div>                    
                    <div class="order-mid">
                        <div class="check">
                            <input type="checkbox" id="checkBox1" class="chk"/>
                            <label for="checkBox1" id="chk-box1"></label>
                            <span>全选</span>
                            <button class="merge">合并付款</button>
                            <div class="pageBtn">
                                <span class="pageL">上一页</span>
                                <span style="color:#FF6600;">1</span>/<span>1</span>
                                <span class="pageR">下一页</span>
                            </div>
                        </div>
                        <div class="order-goods">
                            <span style="margin-right:310px;">货品</span>
                            <span style="margin-right:60px;">单价(元)</span>
                            <span style="margin-right:80px;">数量</span>
                            <span style="margin-right:70px;">总金额(元)</span>
                            <span style="margin-right:80px;">订单状态</span>
                            <span>操作</span>
                        </div>
                        <div class="goods-detail sn-clr">
                            <div class="goods-title">
                                <input type="checkbox" id="checkBox2" class="chk"/>
                                <label for="checkBox2" id="chk-box2"></label>
                                <span style="margin-right:20px;">订单号：82846582639704983</span>
                                <span style="color:#AEAEAE;margin-right:20px;">2017-10-30 13:47:26</span>
                                <span>上海一仓</span>
                            </div>
                            <div class="detail-left sn-clr">
                                <ul>
                                    <li>
                                        <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                                        <div class="left-text">
                                            <div>
                                                <a href="#"><h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3></a>
                                                <span class="detail-price">248.00</span>
                                                <span class="detail-count">1</span>
                                                <span class="state success">退款成功</span>
                                            </div>
                                            <p>货号：367141-431</p>
                                            <p>尺码：7.5(36.5)</p>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                                        <div class="left-text">
                                            <div>
                                                <a href="#"><h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3></a>
                                                <span class="detail-price">248.00</span>
                                                <span class="detail-count">1</span>
                                                <span class="state success">退款成功</span>
                                            </div>
                                            <p>货号：367141-431</p>
                                            <p>尺码：7.5(36.5)</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="detail-right">
                                <div class="sum-price">
                                    <h3>258.00</h3>
                                    <p>含运费:10.00</p>
                                </div>
                                <div class="status">
                                    <span class="wait">等待付款</span><br>
                                    <a href="#">订单详情</a><br>
                                    <a href="#">查看物流</a>
                                </div>
                                <div class="operation">
                                    <button>付款</button><br>
                                    <a href="#">关闭交易</a>
                                </div>
                            </div>
                        </div>
                        <div class="goods-detail sn-clr">
                            <div class="goods-title">
                                <input type="checkbox" id="checkBox3" class="chk"/>
                                <label for="checkBox3" id="chk-box3"></label>
                                <span style="margin-right:20px;">订单号：82846582639704983</span>
                                <span style="color:#AEAEAE;margin-right:20px;">2017-10-30 13:47:26</span>
                                <span>上海一仓</span>
                            </div>
                            <div class="detail-left sn-clr">
                                <ul>
                                    <li>
                                        <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                                        <div class="left-text">
                                            <div>
                                                <a href="#"><h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3></a>
                                                <span class="detail-price">248.00</span>
                                                <span class="detail-count">1</span>
                                                <span class="state success">退款成功</span>
                                            </div>
                                            <p>货号：367141-431</p>
                                            <p>尺码：7.5(36.5)</p>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                                        <div class="left-text">
                                            <div>
                                                <a href="#"><h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3></a>
                                                <span class="detail-price">248.00</span>
                                                <span class="detail-count">1</span>
                                                <span class="state success">退款成功</span>
                                            </div>
                                            <p>货号：367141-431</p>
                                            <p>尺码：7.5(36.5)</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="detail-right">
                                <div class="sum-price">
                                    <h3>258.00</h3>
                                    <p>含运费:10.00</p>
                                </div>
                                <div class="status">
                                    <span class="wait">等待付款</span><br>
                                    <a href="#">订单详情</a><br>
                                    <a href="#">查看物流</a>
                                </div>
                                <div class="operation">
                                    <button>付款</button><br>
                                    <a href="#">关闭交易</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="check" style="background-color:#FFF;">
                            <input type="checkbox" id="checkBox1" class="chk"/>
                            <label for="checkBox1" id="chk-box1"></label>
                            <span>全选</span>
                            <button class="merge">合并付款</button>
                            <div class="tcdPageCode"></div>
                        </div>
                </div>
                <div id="tab2" class="tab_content" style="display: none; ">  
                    2
                </div>
                <div id="tab3" class="tab_content" style="display: none; ">  
                    3
                </div>
                <div id="tab4" class="tab_content" style="display: none; ">  
                    4
                </div>
                <div id="tab5" class="tab_content" style="display: none; ">  
                    5
                </div>
                <div id="tab6" class="tab_content" style="display: none; ">  
                    6
                </div>
            </div>
        </div>
    </div>
</body> 
<script src="./../../assets/build/sportjx.js"></script>
<script src="./../../assets/build/mainsite.js"></script>
<script src="./../../assets/build/js/trade-order.js"></script>
</html>